<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蛋糕名录</title>
    <link rel="stylesheet" href="/css/cake-list.css">
    <script src="/libs/require.js" data-main="/js/cake-list.js"></script>
</head>
<body>
    <header></header>
    <div class="nav2 bx">
        <p>
            <span>首页 > 蛋糕名录</span>
        </p>
        <ul>
            <li>全部蛋糕</li>
            <li>乳脂奶油</li>
            <li>双拼蛋糕</li>
            <li>儿童蛋糕</li>
            <li>千层蛋糕</li>
            <li>慕斯蛋糕</li>
            <li>巧克力类</li>
            <li>芝士蛋糕</li>
            <li>拼配伴手礼</li>
            <li>芒果蛋糕</li>
            <li>两人份甜蜜</li>
        </ul>  
    </div>
    <div class="cake-list bx">
        <table>
            <tbody id="cake-list-l">

                
                
            </tbody>
            <script type="text/html" id="cake-list-lTemplate">
                {{each list shop}}
                <tr data-id='{{shop}}'>
                    <td><img src="{{shop.image}}" alt=""></td>
                    <td>
                        <p>{{shop.title}}</p>
                        
                        <span>日本浓郁开心果酱慕斯，热情凤梨库里 馥郁坚果香搭配热
                        带酸甜味蕾激情碰撞 大理石冷淡 INS风视觉与味觉双重盛宴</span>
                    </td>
                    <td>￥{{shop.originPrice}}</td>
                    <td>
                        <a href='/html/details.html?id={{shop.id}}'><input type="button" value="查看详情" id='lookdetails'></a>
                        <input type="button" value="加入购物车" class='sure'>
                    </td>
                </tr>
                {{/each}}
            </script>
        </table>
    </div>
    <div class="card">
        <span><img src="/img/shoping-car2.jpg"></span>
        <span class="cake-list-car">购物车</span>
        <span class="nnnum">0</span>
    </div>
    <footer></footer>
</body>
</html>